<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>

<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
    String webSocketPath = request.getServerName() + ":" + request.getServerPort() + path;
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <base href="<%=basePath%>">
    <title>数据查询页面</title>
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="This is my page">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link rel="stylesheet" type="text/css" href="jquery/easyui1.4.2/themes/gray/easyui.css">
    <link rel="stylesheet" type="text/css" href="jquery/easyui1.4.2/themes/icon.css">
    <link rel="stylesheet" type="text/css" href="css/assets/css/bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css" href="css/assets/css/ace.min.css"/>

    <script type="text/javascript" src="jquery/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="jquery/easyui1.4.2/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="jquery/easyui1.4.2/locale/easyui-lang-zh_CN.js"></script>
    <script type="text/javascript" src="mintor/hcharts/highcharts.js"></script>
    <script type="text/javascript" src="mintor/hcharts/exporting.js"></script>
    <script type="text/javascript" src="jquery/underscore-min.js"></script>

    <script type="text/javascript" src="mintor/content/js/cfview.js"></script>
    <script type="text/javascript" src="mintor/content/js/cfsearch.js"></script>
    <script type="text/javascript" src="mintor/compensatormanage/echarts/echarts-all-3.js"></script>
    <script type="text/javascript" src="mintor/compensatormanage/echarts/ecStat.min.js"></script>
    <script type="text/javascript" src="mintor/compensatormanage/echarts/dataTool.min.js"></script>
    <script type="text/javascript" src="mintor/compensatormanage/echarts/bmap.min.js"></script>


    <style type="text/css">
        .btn-success,
        .btn-success:hover {
            background-color: #92c0ea !important;
            border-color: #92c0ea;
        }

        .btn-success,
        .btn-success :active {
            background-color: #92c0ea !important;
            border-color: #92c0ea;
        }

        .btn-success,
        .btn-success:focus {
            background-color: #92c0ea !important;
            border-color: #92c0ea;
        }

        .header.green {
            border-bottom-color: #92c0ea;
        }

        .green {
            color: #92c0ea !important;
        }

        .widget-box {
            border-bottom: 0px;
        }

        .panel-body {
            padding: 0px;
        }

        input[readonly] {
            background: #ffffff !important;
            cursor: default;
        }
        @media only screen and (max-width: 900px) {
            #eq_select_equipment_instance_confirm {
                width: 500px;
                margin-top: 15px;
            }
        }
    </style>

    <script type="text/javascript">
        var socketPath = "<%=webSocketPath%>";
        var type = 4;								// 4:机床信息类型
        var history = false;
    </script>

</head>
<body style="background-color:white;">

<div class="widget-box" style="margin:16px 24px;padding-bottom:15px;text-align: center;">
    <div class="widget-header header-color-red" style="border-top-left-radius:10px;border-top-right-radius:10px;">
        <h4 style="color:white;font-family: '微软雅黑'">机床内部信息实时查询</h4>
    </div>
    <div class="widget-body" style="border-bottom-right-radius:10px;border-bottom-left-radius:10px;">
        <div class="widget-main">
            <div class="row">
                <p style="font-family: 'Microsoft YaHei';">
                    设备
                    <select id="equipmentId" name="equipmentId" style="width: 90px; height: 29px;"
                            class="easyui-combobox form-control" data-options="required:true"></select>
                    &nbsp;&nbsp;信息类型
                    <select id="infoTypeId" name="infoTypeId" style="width: 90px; height: 29px;" class="form-control"
                            data-options="required:true"></select>
                    &nbsp;&nbsp;轴类型
                    <select id="axisTypeId" name="axisTypeId" style="width: 100px; height: 29px;" class="form-control"
                            data-options="required:true"></select>
                    &nbsp;&nbsp;
                    <button class="btn btn-sm btn-danger" id="eq_select_equipment_instance_confirm"
                            onclick="search()">查询
                    </button>
                </p>

                <div class="row" style="margin-right:0px;margin-left:0px">
                    <div id="e_container" style="min-width: 200px; height: 500px;margin: 30px;"></div>
                </div>

            </div>
        </div>
    </div>
</div>

</body>
</html>